<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>jQuery checkboxTree plugin demo</title>
    
    <!-- styles for demo purpose -->
    <style type="text/css">
        body {
            font-family: verdana, arial;
            font-size: 0.8em;
        }

        code {
            white-space: pre;
        }
    </style>

    <!-- start checkboxTree configuration -->
    <script type="text/javascript" src="library/jquery-1.4.4.js"></script>
	
    <script type="text/javascript" src="library/jquery-ui-1.8.12.custom/js/jquery-ui-1.8.12.custom.min.js"></script>
    <link rel="stylesheet" type="text/css"
          href="library/jquery-ui-1.8.12.custom/css/smoothness/jquery-ui-1.8.12.custom.css"/>

    <script type="text/javascript" src="jquery.checkboxtree.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery.checkboxtree.css"/>
    <!-- end checkboxTree configuration -->

    <script type="text/javascript" src="library/jquery.cookie.js"></script>
    <script type="text/javascript">
        //<!--
        $(document).ready(function() {
            $('#tabs').tabs({
                cookie: { expires: 30 }
            });
            $('.jquery').each(function() {
                eval($(this).html());
            });
            $('.button').button();
			$('#tree1').checkboxTree({
				collapseImage: 'images/minus.png',
				expandImage: 'images/plus.png'
			});
        });
		
        //-->
    </script>
</head>
<body>
<h1>Hak Akses</h1>

<div id="tabs-1">    
    <ul id="tree1">
        <li><input type="checkbox"><label>Node 1</label>
            <ul>
                <li><input type="checkbox"><label>Node 1.1</label>                   
            </ul>
            <ul>
                <li><input type="checkbox"><label>Node 1.2</label>                    
            </ul>
        <li><input type="checkbox"><label>Node 2</label>
            <ul>
                <li><input type="checkbox"><label>Node 2.1</label>                    
                <li><input type="checkbox"><label>Node 2.2</label>                    
            </ul>
    </ul>
</div>

</body>
</html>
